/*!
 * Pncaa v1.1.0 (http://pncaa.org)
 * Copyright 2014 PN Cambodia Alumni Association.
 */
body {
  font-size: 12px;
}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.header {
  background-color: #ffffff;
}
.header .container {
  padding: 0;
}
.header .container .navbar-inverse {
  background-color: #ffffff;
  background-image: none;
}
.header .container .navbar-inverse .navbar-brand {
  margin-left: 0;
  padding: 15px 15px 0 0;
  height: 130px;
}
.header .header_right {
  float: right;
}
.header .header_right .meta_nav {
  float: right;
  margin: 15px 0 35px 0;
}
.header .header_right .meta_nav .auth,
.header .header_right .meta_nav .auth li,
.header .header_right .meta_nav .language_nav,
.header .header_right .meta_nav .language_nav li {
  float: left;
}
.header .header_right .meta_nav .auth {
  padding: 0 20px 0 0;
}
.header .header_right .meta_nav .auth li a {
  color: #000000;
  padding: 8px;
  display: block;
}
.header .header_right .meta_nav .auth .signup_icon {
  padding: 2px 10px;
  background: url(../Images/sprite-icon.png) no-repeat -60px -56px;
  margin: 0 5px 0 0;
}
.header .header_right .meta_nav .auth .login_icon {
  padding: 2px 10px;
  background: url(../Images/sprite-icon.png) no-repeat -38px -56px;
  margin: 0 5px 0 0;
}
.header .header_right .meta_nav .language_nav {
  border: 1px solid #e2e2e4;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border-right: none;
}
.header .header_right .meta_nav .language_nav li a {
  color: #8b8b8b;
  padding: 2px 8px;
  display: block;
  border-right: 1px solid #e2e2e4;
}
.header .header_right .meta_nav .language_nav .en_flag {
  padding: 2px 10px;
  background: url(../Images/sprite-icon.png) no-repeat 0 -56px;
  margin: 0 5px 0 0;
}
.header .header_right .meta_nav .language_nav .kh_flag {
  padding: 2px 10px;
  background: url(../Images/sprite-icon.png) no-repeat -18px -56px;
  margin: 0 5px 0 0;
}
.header .header_right .form-search {
  float: right;
  border: #ffb710 1px solid;
  background: #f9f9f9;
}
.header .header_right .form-search #form-search {
  margin: 0;
  padding: 0;
}
.header .header_right .form-search #form-search input {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 232px;
  height: 29px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  background: transparent;
  border: none;
  color: #8b8b8b;
  vertical-align: top;
  padding: 5px 10px 5px 13px;
  display: inline-block;
  float: left;
  margin-right: 4px;
}
.header .header_right .form-search .search_button {
  background: url(../Images/sprite-icon.png) 0 -23px no-repeat;
  display: inline-block;
  vertical-align: top;
  float: left;
  width: 68px;
  height: 29px;
  margin: 0 0 0 0;
}
.header .social-icons {
  overflow: hidden;
  text-align: right;
}
.header .social-icons a {
  display: inline-block;
  width: 39px;
  height: 39px;
  float: right;
}
.header .facebook {
  background: url(../Images/sprite-icon.png) 0 -131px no-repeat;
}
.header li:hover .facebook {
  background: url(../Images/sprite-icon.png) 0 -263px no-repeat;
}
.header .linkin {
  background: url(../Images/sprite-icon.png) 0 -175px no-repeat;
  margin-left: 7px;
}
.header li:hover .linkin {
  background: url(../Images/sprite-icon.png) 0 -307px no-repeat;
  margin-left: 7px;
}
.header .youtube {
  background: url(../Images/sprite-icon.png) 0 -219px no-repeat;
  margin-left: 7px;
}
.header li:hover .youtube {
  background: url(../Images/sprite-icon.png) 0 -351px no-repeat;
  margin-left: 7px;
}
.navbar {
  border-radius: 0;
  border: none;
  min-height: 40px;
}
.navbar-wrapper .container {
  padding: 0;
}
.navbar-wrapper .navbar-main {
  margin-bottom: 0;
  background: #d3d3d4;
  /* Old browsers */
  background: -moz-linear-gradient(top, #d3d3d4 0%, #e2e3e4 5%, #e2e3e4 50%, #e2e3e4 95%, #d3d3d4 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d3d3d4), color-stop(5%, #e2e3e4), color-stop(50%, #e2e3e4), color-stop(95%, #e2e3e4), color-stop(100%, #d3d3d4));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d3d3d4 0%, #e2e3e4 5%, #e2e3e4 50%, #e2e3e4 95%, #d3d3d4 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d3d3d4 0%, #e2e3e4 5%, #e2e3e4 50%, #e2e3e4 95%, #d3d3d4 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d3d3d4 0%, #e2e3e4 5%, #e2e3e4 50%, #e2e3e4 95%, #d3d3d4 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #d3d3d4 0%, #e2e3e4 5%, #e2e3e4 50%, #e2e3e4 95%, #d3d3d4 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3d3d4', endColorstr='#d3d3d4', GradientType=0);
  /* IE6-9 */
  border: 1px solid #b4b5b6;
}
.navbar-wrapper .navbar-main .navbar-nav > li > a {
  color: #000000;
  text-shadow: none;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
}
.navbar-wrapper .navbar-main .navbar-nav > li:hover > a,
.navbar-wrapper .navbar-main .navbar-nav > li:focus > a,
.navbar-wrapper .navbar-main .navbar-nav > li:active > a {
  color: #ffffff;
  background: #ffb710;
  /* Old browsers */
  background: -moz-linear-gradient(top, #dc9b05 0%, #ffb710 5%, #ffb710 50%, #ffb710 95%, #dc9b05 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dc9b05), color-stop(5%, #ffb710), color-stop(50%, #ffb710), color-stop(95%, #ffb710), color-stop(100%, #dc9b05));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #dc9b05 0%, #ffb710 5%, #ffb710 50%, #ffb710 95%, #dc9b05 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #dc9b05 0%, #ffb710 5%, #ffb710 50%, #ffb710 95%, #dc9b05 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #dc9b05 0%, #ffb710 5%, #ffb710 50%, #ffb710 95%, #dc9b05 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #dc9b05 0%, #ffb710 5%, #ffb710 50%, #ffb710 95%, #dc9b05 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dc9b05', endColorstr='#dc9b05', GradientType=0);
  /* IE6-9 */
}
.navbar-wrapper .navbar-main .navbar-nav > li.active > a {
  color: #ffffff;
  background: #ffb710;
  /* Old browsers */
  background: -moz-linear-gradient(top, #dc9b05 0%, #ffb710 5%, #ffb710 50%, #ffb710 95%, #dc9b05 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dc9b05), color-stop(5%, #ffb710), color-stop(50%, #ffb710), color-stop(95%, #ffb710), color-stop(100%, #dc9b05));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #dc9b05 0%, #ffb710 5%, #ffb710 50%, #ffb710 95%, #dc9b05 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #dc9b05 0%, #ffb710 5%, #ffb710 50%, #ffb710 95%, #dc9b05 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #dc9b05 0%, #ffb710 5%, #ffb710 50%, #ffb710 95%, #dc9b05 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #dc9b05 0%, #ffb710 5%, #ffb710 50%, #ffb710 95%, #dc9b05 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dc9b05', endColorstr='#dc9b05', GradientType=0);
  /* IE6-9 */
}
.navbar-wrapper .navbar-main .navbar-nav > li.active:hover > a,
.navbar-wrapper .navbar-main .navbar-nav > li.active:focus > a,
.navbar-wrapper .navbar-main .navbar-nav > li.active:active > a {
  color: #ffffff;
  background: #ffb710;
  /* Old browsers */
  background: -moz-linear-gradient(top, #dc9b05 0%, #ffb710 5%, #ffb710 50%, #ffb710 95%, #dc9b05 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dc9b05), color-stop(5%, #ffb710), color-stop(50%, #ffb710), color-stop(95%, #ffb710), color-stop(100%, #dc9b05));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #dc9b05 0%, #ffb710 5%, #ffb710 50%, #ffb710 95%, #dc9b05 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #dc9b05 0%, #ffb710 5%, #ffb710 50%, #ffb710 95%, #dc9b05 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #dc9b05 0%, #ffb710 5%, #ffb710 50%, #ffb710 95%, #dc9b05 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #dc9b05 0%, #ffb710 5%, #ffb710 50%, #ffb710 95%, #dc9b05 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dc9b05', endColorstr='#dc9b05', GradientType=0);
  /* IE6-9 */
}
.navbar-wrapper .navbar-main .navbar-nav > li.dropdown .dropdown-menu {
  padding: 0;
  border-radius: 0;
  border: none;
}
.navbar-wrapper .navbar-main .navbar-nav > li.dropdown .dropdown-menu > li > a {
  padding: 10px 10px;
  border-bottom: 1px solid #d9dadc;
}
.navbar-wrapper .navbar-main .navbar-nav > li.dropdown .dropdown-menu > li > a:hover {
  background-color: transparent;
  background-image: none;
  color: #ffb710;
}
.navbar-wrapper .navbar-main .navbar-nav > li.dropdown .dropdown-menu > li.last > a {
  border-bottom: none;
}
.navbar-wrapper .navbar-main .navbar-nav > li.dropdown:hover .dropdown-menu {
  display: block;
}
.carousel {
  margin-top: -60px;
}
.carousel .carousel-inner > .item > img {
  margin: 0 auto;
}
.carousel .carousel-control {
  color: #ffb710;
}
.carousel .carousel-control.left,
.carousel .carousel-control.right {
  background-image: none;
}
.carousel .carousel-indicators li {
  width: 15px;
  height: 15px;
  border-color: #ffb710;
}
.carousel .carousel-indicators li.active {
  background-color: #ffb710;
}
.main-content {
  min-height: 50px;
  position: relative;
}
.main-content .title {
  color: #3E3E3E;
  padding: 0 0 5px 20px;
  background: url(../Images/yellow_icon.png) no-repeat 0 8px;
  border-bottom: 1px solid #8B8B8B;
}
.main-content .key_feature .title {
  color: #3E3E3E;
  text-transform: uppercase;
  padding: 0 0 10px 20px;
  background: url(../Images/yellow_icon.png) no-repeat 0 5px;
}
.main-content .key_feature img {
  -moz-box-shadow: 0 0 5px #3E3E3E;
  -webkit-box-shadow: 0 0 5px #3E3E3E;
  box-shadow: 0 0 5px #3E3E3E;
}
.main-content .container {
  background-color: #ffffff;
}
.main-content .graduate img {
  border: 1px solid #FDB90E;
}
.main-content .job img {
  border: 1px solid #cb5c91;
}
.main-content .certificate img {
  border: 1px solid #62BA2F;
}
.main-content .benefit img {
  border: 1px solid #4e2b7d;
}
/************* Side bar ************/
#right_sitebar p {
  color: #1b1b1b;
}
#right_sitebar h2.title {
  color: #3E3E3E;
  padding: 0 0 5px 20px;
  background: url(../Images/yellow_icon.png) no-repeat 0 8px;
  border-bottom: 1px solid #8B8B8B;
}
/*************** Right Side ******************/
.panel-title a.a-volunteer {
  float: right;
  padding: 0 15px;
}
.panel-title a.a-volunteer span {
  background: url("../images/sprite-icon.png") no-repeat scroll -26px -97px transparent;
  float: right;
  padding: 10px;
  position: absolute;
}
footer {
  background: url(../Images/bg-footer.jpg);
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 10px 0 20px 0;
}
footer p,
footer a {
  color: #585757;
}
footer a:hover {
  text-decoration: underline;
}
footer .footer_content .footer_right {
  text-align: right;
}
footer .footer_content .footer_left ul li {
  width: 160px;
}
footer .footer_content .footer_left ul li a {
  color: #585757;
  font-size: 12px;
  border-bottom: 1px dotted #585757;
  padding: 1px 0;
  display: block;
}
footer .footer_content .footer_left ul li:hover {
  color: #FFB710;
  text-decoration: none;
}
footer .footer_content .footer_mid h3 {
  background: url("../Images/yellow_icon.png") no-repeat scroll 0 10px transparent;
  color: #3E3E3E;
  padding: 0 0 19px 20px;
}
footer .footer_content .footer_content .copy_right {
  bottom: -5px;
  position: absolute;
}
footer .search_button {
  background: url(../Images/sprite-icon.png) 0 -23px no-repeat;
  display: inline-block;
  vertical-align: top;
  float: left;
  width: 68px;
  height: 29px;
  margin: 0 0 0 0;
}
footer .social-icons {
  overflow: hidden;
  text-align: right;
}
footer .social-icons a {
  display: inline-block;
  width: 39px;
  height: 39px;
  float: right;
}
footer .facebook {
  background: url(../Images/sprite-icon.png) 0 -131px no-repeat;
}
footer li:hover .facebook {
  background: url(../Images/sprite-icon.png) 0 -263px no-repeat;
}
footer .linkin {
  background: url(../Images/sprite-icon.png) 0 -175px no-repeat;
  margin-left: 7px;
}
footer li:hover .linkin {
  background: url(../Images/sprite-icon.png) 0 -307px no-repeat;
  margin-left: 7px;
}
footer .youtube {
  background: url(../Images/sprite-icon.png) 0 -219px no-repeat;
  margin-left: 7px;
}
footer li:hover .youtube {
  background: url(../Images/sprite-icon.png) 0 -351px no-repeat;
  margin-left: 7px;
}
